<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
    <html>
        <h:head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <h:outputStylesheet library="css" name="estilo.css"/>
        
            <script type="text/javascript">
                function handleLoginRequest(xhr, status, args) {
                    if (args.validationFailed || !args.loggedIn) {
                        PF('dlIniciarSessionEmpleados').jq.effect("shake", {times: 5}, 100);
                        PF('dlIniciarSessionEmpresas').jq.effect("shake", {times: 5}, 100);
                    }
                    else {
                        PF('dlIniciarSessionEmpleados').hide();
                        PF('dlIniciarSessionEmpresas').hide();
                        $('#loginLink').fadeOut();
                    }
                }
            </script>
        </h:head>
        <!-- panel que contine dos botones uno para el registro y otros para iniciar session -->  
        <h:form>
            <p:panel styleClass="panelLogin" style="border: none;background-color:#f8f8f8;">
                <h:commandButton value="Soy un Contratista" style=" margin-left: 10px; height: 30px; width: 220px; 
                                 background-color:#b5b5b5; border: none;
                                 border-radius: 10px; color: #ffffff;" 
                                 action="#{usuarioController.prepareNuevo()}"
                                 onclick="dlIniciarSessionEmpresas.show();
                                         return false;">

                </h:commandButton>
                <h:panelGrid columns="2" cellspacing="5" cellpadding="5" style="margin: 0px auto 0px auto;">
                    <h:commandButton value="Iniciar Session" style="height: 70px; width: 100px; 
                                     background-color:#0066ff; border: none;
                                     border-radius: 10px; color: #ffffff;" 
                                     action="#{usuarioLoginController.prepareNuevo()}"                                     
                                     onclick="dlIniciarSessionEmpleados.show();
                                             return false;"/>

                    <h:commandButton value="Registrarse" style="height: 70px; width: 100px; 
                                     background-color:#33cc00; border: none;
                                     border-radius: 10px; color: #ffffff;" 
                                     action="#{controlUrlControler.openRegistroUsuario()}"
                                     actionListener="#{usuarioController.prepareCreate}"
                                     >

                    </h:commandButton>
                </h:panelGrid>   
            </p:panel>
        </h:form>

        <!-- dialog para iniciar session -->
        <ui:include src="../configuraciones/registro/registroUsuario.xhtml"/>
        <p:dialog   widgetVar="dlIniciarSessionEmpleados"
                    minHeight="40" 
                    width="400"
                    closeOnEscape="true"
                    resizable="false"
                    styleClass="customDialog"
                    modal="true">
            <ui:include src="VentanaLoginUsuario.xhtml"/>
           
        </p:dialog>






        <p:dialog   widgetVar="dlIniciarSessionEmpresas" 
                  
                    minHeight="40" 
                    width="400"
                    resizable="false"
                    styleClass="customDialog"
                    modal="true">
            <ui:include src="VentanaLoginEmpresa.xhtml"/>
            <ui:include src=""/>
        </p:dialog>


        <!-- escojer tipo de empresa o empleado --> 

    </html>
</f:view>

